<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>街头篮球周边商城</title>
    <link rel="stylesheet" href="/css/xiangqing.css">
    <link rel="stylesheet" href="/css/gg.css">
    <link rel="stylesheet" href="/css/yangsi.css">
    
</head>
<body>
        <!-- 头部 -->
<header></header>
<!-- 详情页 -->
<div class="new">
    <div class="chanping"><p>产品分类</p></div>
    <div class="new-shouye"><a href="">首页</a>>周边所有产品列表>战神归来卫衣</div>

    
    
    
    <div class="shopping" id="shopping">
        
    </div>

<script type="text/html" id="detailTmplate">
    <a href="" class="newa"><img src="/images/images/ziye2_03.png" alt=""></a>
    <div class="left">
        <div id="wrap">
            <div id="box">
                <img src="{{img[0]}}" alt="" name="bigImg">
                <span></span>
            </div>
            <div id="bigBox">
                <img src="{{img[0]}}" alt="">
            </div>
        </div>
    <div class="button">
        <ol id="imgList" class="imgList">
            <input type="button" value="<">
            <li><img src="{{img[0]}}"></li>
            <li><img src="{{img[1]}}"></li>
            <li><img src="{{img[2]}}"></li>
            <li class="li1"><img src="{{img[3]}}"></li>  
            <input type="button" value=">">     
        </ol>
    </div>
</div>
<div class="right">
    <h3>{{title}}</h3>
    <p>{{type}}</p>
    <div class="price"><em>价格：￥{{price}}</em></div>
    <div class="freight_wrap clearfix">
        <span class="flbig">运费：</span>
        <span class="fl">
            "上海至"
            <em class="prov">北京</em>
            "-"
            <em class="city">北京市</em>
            "-"
            <em class="dist">海淀区</em>
        </span>
        <a class="fl icon show"><img src="/images/images/xq5_03.png" alt=""></a>
        <span class="fl" id="yunfei">快递：10元</span>
    </div>
    <div>
        <ul id="priceList" class="priceList">
            <li>M</li>
            <li>L</li>
            <li>XL</li>
            <li>XXL</li>
          </ul>
    </div>
      <div class="style">
          <b>颜色：</b>
          <span class=" cueernt">{{dajia}}</span>
      </div>
      <div id="changeNum" class="changeNum">
        <b>购买数量：</b>
        <button class="subBtn" type="button" >-</button>
        <input type="text" value="1" name="number">
        <button class="addBtn" type="button">+</button>
        <span>(剩余库存20件)</span>
    </div>
    <div class="anniu">
        <a href="/html/gouwuche.html"><button id="okBtn" class="okBtn" type="button" >立即购买</button></a>
         <!-- <a href=""><button id="okBnt" class="okBnt" type="button" >放入购物车</button></a> -->
         <a href="javascript:;" id="okBnt" class="okBnt">加入购物车</a>
    </div>
</script>
</div>



<!-- 。。。。。。 -->

<div class="zzc">
    <div>
        <h3><a href="">购物指南</a></h3>
        <p><a href="">购物常见问题</a></p>
        <span><a href="">支付方式</a></span>
    </div>
    <div>
        <h3><a href="">配送方式</a></h3>
        <p><a href="">配送范围</a></p>
        <span><a href="">快递费用标准</a></span>
    </div>
    <div>
        <h3><a href="">售后服务</a></h3>
        <p><a href="">退换货流程</a></p>
        <span><a href="">退换货政策</a></span>
    </div>
    <div>
        <h3><a href="">关于我们</a></h3>
        <p><a href="">公司官网</a></p>
    </div>
    <div class="zcc-div4">
        <h3><a href="">客服中心</a></h3>
        <p><a href="">021-34289630</a></p>
        <span><a href="">周一至周日9:00--21:00</a></span>
    </div>
</div>
<!-- 尾部 -->
<footer></footer>
<div id="cart" class="cart">
    <span>0</span>
  </div>
</body>
<script src="/libs/require/require.min.js" data-main="/js/xiangqing"></script>
</html>